<template>
   <a href="me.html"><span class="logonImg"><img src="img/left.jpg"></span></a>
    <a class="a" href="meVipup.html">充值</a>
     <div class="Mid">
      <img src="img/vipx.png" alt="">
        <img src="img/zuan.png" alt="">
        <h1>vip会员说明</h1>
        <p>生活一家的家庭成员，从这一刻起您可分享您优质的产品及服务，并可畅享我们大家庭为您提供的最实惠、亲情式优质的产品及服务！您只需支付￥100元即可体验一年。</p>
        <p>（本平台所有产品及服务,不会收取任何中间费用）</p>
     </div>
</template>

<script>
export default {
  methods:{

  }
}
</script>
<style scoped>
  .logonImg{
     display: inline-block;
    position: fixed;
    top: 1.5%;
    width: 5%;
    left: 2%;
    z-index:1888;
  }
   .logonImg img{
    width:100%;
  }
  /*充值*/
  .a{
    color: white;
    position: fixed;
    top:1.5%;
    right: 5%;
    font-size: .16rem;
    z-index:1888;
  }
  .Mid{
    margin: 0.5rem auto;
    text-align: center;
  }
  .Mid img:nth-child(1){
    width: 100%;
  }
  .Mid img:nth-child(2){
     padding: 5% 0;
  }
  .Mid p{
    padding-top: 5%;
  }
  .Mid p:nth-child(4){
    width: 85%;
    margin: auto;
    text-indent: 2em;
    text-align: left;
  }
 
</style>